<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head th:include="public/page_css::page_css ('周转箱详情')"/>

<body>
<div class="layui-fluid larry-wrapper">
    <div class="layui-row layui-col-space30">
        <div class="layui-col-xs24">
            <section class="panel panel-padding">
                <form id="form1" class="layui-form layui-form-pane" action="">
                    <div class="step-content" id="simplewizardinwidget-steps">
                        <div class="step-pane active" id="simplewizardinwidgetstep1">
                            <div>&nbsp;</div>
                            <input type="hidden" name="id">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label" data-title>箱型</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="xx" placeholder="箱型" autocomplete="off"
                                               lay-verify="required" class="layui-input " readonly="readonly"/>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">箱重量</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="xzl" placeholder="箱重量" lay-verify="required|number"
                                               autocomplete="off" class="layui-input " readonly="readonly" />
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label">宽</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="k" name="k" value="1" lay-verify="required|number"
                                               autocomplete="off" class="layui-input " readonly="readonly"/>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">高</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="g" name="g" value="1" lay-verify="required|number"
                                               autocomplete="off" class="layui-input " readonly="readonly"/>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label">长</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="c" name="c" value="1" lay-verify="required|number"
                                               autocomplete="off" class="layui-input " readonly="readonly"/>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">最大重量</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="zdzl" placeholder="最大重量" lay-verify="required|number"
                                               autocomplete="off" class="layui-input " readonly="readonly"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--浮动容积上限-->
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">浮动容积上限</label>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <input type="text" id="fdrj" name="fdrj" value="0" lay-verify="required|number"
                                   autocomplete="off" class="layui-input " readonly="readonly"/>
                        </div>
                        <!--装载率-->
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">装载率(0.01-1)</label>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <input type="text" id="zzl" name="zzl" placeholder="装载率" lay-verify="required|number"
                                   autocomplete="off" class="layui-input " readonly="readonly"/>
                        </div>
                        <input type="hidden" th:value="${id}" id="kid">
                    </div>
                </form>
            </section>
        </div>
    </div>
</div>
</body>
<div th:include="public/public_js::public_js"></div>

<script th:inline="javascript">
    $(function () {

    })


</script>
<script>
    layui.use(['myform', 'zzpUtils', 'form', 'jquery'], function () {
        var form = layui.form,
            zzpUtils = layui.zzpUtils,
            $ = layui.jquery;
        var ids = $("#kid").val();
        zzpUtils.action({
            url: "/wmsturnoverbox/getWmsTurnoverBox",
            data: JSON.stringify({id: ids}),
            success: function (data) {
                zzpUtils.loadJsonDataToForm(data);
            }, error: function (xhr, textStatus) {
                console.log(textStatus);
                console.log(xhr)
            }
        });

    });
</script>
</html>